import Vue from 'vue'

Vue.directive('imgerror', {
// inserted: 当指令所在元素插入到真实DOM中自动执行一次
//   el：指令所在DOM元素
// bindings： 指令信息对象
// bindings.value: 获取指令绑定表达式的值（在这里是默认头像地址）
  inserted(el, bindings) {
    // console.log(el, bindings)
    // 监听el的error错误事件
    el.addEventListener('error', () => {
      // 用默认头像地址给el的src赋值
      el.src = bindings.value
    })
  }
})
